<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第六感度假别墅点评,第六感海外别墅怎么样-第六感客户晒单</title>
    <link rel="icon" href="image/public/Logo.ico">
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/single.css">
    <link rel="stylesheet" href="./element/index.css">
    <link rel="stylesheet" href="css/bottom.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/preferential.css">
    <link rel="stylesheet" href="css/villa.css">
    <link rel="stylesheet" href="css/post.css">
    <link rel="stylesheet" href="css/login.css">

    <script src="jquery/jquery-3.6.0.js"></script>

</head>

<body>
    <div id="app">
        <!-- 导航条最大的盒子 -->
        <div class="head_max">
            <!-- 小的盒子 -->
            <div id="triangle" style="top: 70px;left: 450px;"></div> <!-- 三角形 -->
            <div id="big-villa">
                <div id="villa-box">
                    <div class="villa-item villa-hot">
                        <div class="destion_temp">
                            <p class="villa-title">
                                热门海岛
                                <span class="villa-title-hot">Hot</span>
                            </p>
                            <div class="destion_item">
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="普吉岛" href="#">普吉岛</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="苏梅岛" href="#">苏梅岛</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="巴厘岛" href="#">巴厘岛</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="芽庄" href="#">芽庄</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="冲绳" href="#">冲绳</a>
                                    </li>
                                </ul>
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="马尔代夫" href="#">马尔代夫</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="毛里求斯" href="#">毛里求斯</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="欧湖岛" href="#">欧湖岛</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="毛里求斯" href="#">毛里求斯</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="斯里兰卡" href="#">斯里兰卡</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="destion_temp">
                            <p class="villa-title">
                                热门旅游城市
                                <span class="villa-title-hot">Hot</span>
                            </p>
                            <div class="destion_item" style="width: 174px;">
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="伦敦" href="#">伦敦</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="东京" href="#">东京</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="香港" href="#">香港</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="北京" href="#">北京</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="上海" href="#">上海</a>
                                    </li>
                                </ul>
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="纽约" href="#">纽约</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="新加坡" href="#">新加坡</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="巴黎" href="#">巴黎</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="迪拜" href="#">迪拜</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="曼谷" href="#">曼谷</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="destion_temp">
                            <p class="villa-title">
                                热门滑雪地
                                <span class="villa-title-hot">Hot</span>
                            </p>
                            <div class="destion_item">
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="北海道" href="#">北海道</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="长野" href="#">长野</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="安德马特" href="#">安德马特</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="因特拉肯" href="#">因特拉肯</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="美丽贝尔" href="#">美丽贝尔</a>
                                    </li>
                                </ul>
                                <ul class="ul_css">
                                    <li>
                                        <a class="des_cell" title="富士山" href="#">富士山</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="高雪维尔" href="#">高雪维尔</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="格施塔德" href="#">格施塔德</a>
                                    </li>
                                    <li>
                                        <a class="des_cell" title="圣莫里茨" href="#">圣莫里茨</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="villa-item">
                        <div class="continent-item">
                            <p class="villa-title">亚洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a title="泰国" href="" class="villa-span-country-a">泰国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="普吉岛" href="">普吉岛</a>
                                    <a class="villa-country-name country_color" title="苏梅岛" href="">苏梅岛</a>
                                    <a class="villa-country-name country_color" title="曼谷" href="">曼谷</a>
                                    <a class="villa-country-name" title="清迈" href="">清迈</a>
                                    <a class="villa-country-name" title="芭提雅" href="">芭提雅</a>
                                    <a class="villa-country-name" title="利帕" href="">利帕</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="日本" href="" class="villa-span-country-a">日本 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="北海道" href="">北海道</a>
                                    <a class="villa-country-name country_color" title="京都" href="">京都</a>
                                    <a class="villa-country-name" title="东京" href="">东京</a>
                                    <a class="villa-country-name" title="大阪" href="">大阪</a>
                                    <a class="villa-country-name country_color" title="富士山" href="">富士山</a>
                                    <a class="villa-country-name" title="伊豆" href="">伊豆</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="印度尼西亚" href="" class="villa-span-country-a">印度尼西亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="巴厘岛" href="">巴厘岛</a>
                                    <a class="villa-country-name" title="龙目岛" href="">龙目岛</a>
                                    <span class="country-free">免签</span>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="越南" href="" class="villa-span-country-a">越南 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="芽庄" href="">芽庄</a>
                                    <a class="villa-country-name country_color" title="岘港" href="">岘港</a>
                                    <a class="villa-country-name country_color" title="富国岛" href="">富国岛</a>
                                    <a class="villa-country-name" title="胡志明市" href="">胡志明市</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="中国" href="" class="villa-span-country-a">中国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="三亚" href="">三亚</a>
                                    <a class="villa-country-name country_color" title="上海" href="">上海</a>
                                    <a class="villa-country-name country_color" title="北京" href="">北京</a>
                                    <a class="villa-country-name country_color" title="香港" href="">香港</a>
                                    <a class="villa-country-name" title="澳门" href="">澳门</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="新加坡" href="" class="villa-span-country-a">新加坡 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="新加坡" href="">新加坡</a>
                                    <a class="villa-country-name" title="圣淘沙岛" href="">圣淘沙岛</a>
                                </li>
                                <li>

                                    <span class="villa-country">
                                        <a title="菲律宾" href="" class="villa-span-country-a">菲律宾 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="长滩岛" href="">长滩岛</a>
                                    <a class="villa-country-name" title="薄荷岛" href="">薄荷岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="马来西亚" href="" class="villa-span-country-a">马来西亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="沙巴" href="">沙巴</a>
                                    <a class="villa-country-name" title="卡威" href="">卡威</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="不丹" href="" class="villa-span-country-a">不丹 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="帕罗" href="">帕罗</a>
                                    <a class="villa-country-name" title="布姆唐" href="">布姆唐</a>
                                </li>
                            </ul>
                        </div>
                        <div class="continent-item indian">
                            <p class="villa-title">印度洋</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country country-span-color">
                                        <a title="马尔代夫" href="" class="villa-span-country-a country-span-a">马尔代夫
                                        </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="马尔代夫" href="">马尔代夫</a>
                                </li>
                                <li>
                                    <span class="villa-country country-span-color">
                                        <a title="斯里兰卡" href="" class="villa-span-country-a country-span-a">斯里兰卡
                                        </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="加勒" href="">加勒</a>
                                    <a class="villa-country-name" title="韦利格默" href="">韦利格默</a>
                                </li>
                                <li>
                                    <span class="villa-country country-span-color">
                                        <a title="毛里求斯" href="" class="villa-span-country-a country-span-a">毛里求斯
                                        </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="贝隆布尔" href="">贝隆布尔</a>
                                    <a class="villa-country-name" title="舍曼格勒涅" href="">舍曼格勒涅</a>
                                    <span class="country-free">免签</span>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="塞舌尔" href="" class="villa-span-country-a">塞舌尔 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="马埃岛" href="">马埃岛</a>
                                    <a class="villa-country-name" title="费利西泰岛" href="">费利西泰岛</a>
                                    <a class="villa-country-name" title="拉迪格岛" href="">拉迪格岛</a>
                                    <span class="country-free">免签</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="villa-item">
                        <div class="continent-item">
                            <p class="villa-title">欧洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a class="villa-span-country-a" title="英国" href="">英国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="伦敦" href="">伦敦</a>
                                    <a class="villa-country-name" title="牛津" href="">牛津</a>
                                    <a class="villa-country-name" title="苏格兰" href="">苏格兰</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="法国" href="" class="villa-span-country-a">法国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="巴黎" href="">巴黎</a>
                                    <a class="villa-country-name country_color" title="高雪维尔" href="">高雪维尔</a>
                                    <a class="villa-country-name" title="普罗旺斯" href="">普罗旺斯</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="芬兰" href="" class="villa-span-country-a">芬兰 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="凯米" href="">凯米</a>
                                    <a class="villa-country-name" title="萨利色尔卡" href="">萨利色尔卡</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="瑞士" href="" class="villa-span-country-a">瑞士 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="采尔马特" href="">采尔马特</a>
                                    <a class="villa-country-name" title="苏黎世" href="">苏黎世</a>
                                    <a class="villa-country-name" title="日内瓦" href="">日内瓦</a>
                                    <a class="villa-country-name" title="格斯塔德" href="">格斯塔德</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="希腊" href="" class="villa-span-country-a">希腊 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="圣托里尼岛" href="">圣托里尼岛</a>
                                    <a class="villa-country-name" title="扎金索斯岛" href="">扎金索斯岛</a>
                                    <a class="villa-country-name" title="米克诺斯岛" href="">米克诺斯岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="土耳其" href="" class="villa-span-country-a">土耳其 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="伊斯坦布尔" href="">伊斯坦布尔</a>
                                </li>
                                <li>

                                    <span class="villa-country">
                                        <a title="意大利" href="" class="villa-span-country-a">意大利 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="罗马" href="">罗马</a>
                                    <a class="villa-country-name" title="米兰" href="">米兰</a>
                                    <a class="villa-country-name" title="佛罗伦萨" href="">佛罗伦萨</a>
                                    <a class="villa-country-name" title="西西里岛" href="">西西里岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="西班牙" href="" class="villa-span-country-a">西班牙 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="巴塞罗那" href="">巴塞罗那</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="荷兰" href="" class="villa-span-country-a">荷兰 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="阿姆斯特丹" href="">阿姆斯特丹</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="奥地利" href="" class="villa-span-country-a">奥地利 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="圣东安" href="">圣东安</a>
                                    <a class="villa-country-name" title="莱赫" href="">莱赫</a>
                                    <a class="villa-country-name" title="维也纳" href="">维也纳</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="俄罗斯" href="" class="villa-span-country-a">俄罗斯 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="莫斯科" href="">莫斯科</a>
                                    <a class="villa-country-name" title="圣彼得堡" href="">圣彼得堡</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="捷克" href="" class="villa-span-country-a">捷克 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="布拉格" href="">布拉格</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="克罗地亚" href="" class="villa-span-country-a">克罗地亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="斯普利特" href="">斯普利特</a>
                                    <a class="villa-country-name" title="佩列沙茨半岛" href="">佩列沙茨半岛</a>
                                    <a class="villa-country-name" title="赫尔瓦岛" href="">赫尔瓦岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="摩纳哥" href="" class="villa-span-country-a">摩纳哥 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="蒙特卡洛" href="">蒙特卡洛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="葡萄牙" href="" class="villa-span-country-a">葡萄牙 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="里斯本" href="">里斯本</a>
                                    <a class="villa-country-name" title="北葡萄牙" href="">北葡萄牙</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="villa-item">
                        <div class="continent-item">
                            <p class="villa-title">大洋洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a title="新西兰" href="" style="color: #4a4a4a;">新西兰 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="皇后镇" href="">皇后镇</a>
                                    <a class="villa-country-name" title="奥克兰" href="">奥克兰</a>
                                    <a class="villa-country-name" title="陶波" href="">陶波</a>
                                    <a class="villa-country-name" title="瓦纳卡" href="">瓦纳卡</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="澳大利亚" href="" style="color: #4a4a4a;">澳大利亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="悉尼" href="">悉尼</a>
                                    <a class="villa-country-name" title="墨尔本" href="">墨尔本</a>
                                    <a class="villa-country-name" title="大洋路" href="">大洋路</a>
                                    <a class="villa-country-name country_color" title="黄金海岸" href="">黄金海岸</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="大溪地群岛" href="" style="color: #4a4a4a;">大溪地群岛 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="波拉波拉岛" href="">波拉波拉岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="斐济" href="" style="color: #4a4a4a;">斐济 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="塔妙妮岛" href="">塔妙妮岛</a>
                                    <a class="villa-country-name" title="瓦努阿岛" href="">瓦努阿岛</a>
                                    <a class="villa-country-name" title="亚萨瓦群岛" href="">亚萨瓦群岛</a>
                                </li>
                            </ul>
                        </div>
                        <div class="continent-item" style="margin-top: -30px; margin-bottom: 20px;">
                            <p class="villa-title">中东和非洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a title="阿联酋" href="" class="villa-span-country-a">阿联酋 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="阿布扎比" href="">阿布扎比</a>
                                    <a class="villa-country-name country_color" title="迪拜" href="">迪拜</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="南非" href="" class="villa-span-country-a">南非 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="开普敦" href="">开普敦</a>
                                    <a class="villa-country-name" title="马迪克韦野生动物保护区" href="">马迪克韦野生动物保护区</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="摩洛哥" href="" class="villa-span-country-a">摩洛哥 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="马拉喀什" href="">马拉喀什</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="肯尼亚" href="" class="villa-span-country-a">肯尼亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="马赛马拉" href="">马赛马拉</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="马达加斯加" href="" class="villa-span-country-a">马达加斯加 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="圣玛丽岛" href="">圣玛丽岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="坦桑尼亚" href="" class="villa-span-country-a">坦桑尼亚 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="奔巴岛" href="">奔巴岛</a>
                                </li>
                            </ul>
                        </div>
                        <div class="continent-item" style="margin-top: 25px;">
                            <p class="villa-title">美洲</p>
                            <ul class="ul_css">
                                <li>
                                    <span class="villa-country">
                                        <a title="美国" href="" class="villa-span-country-a">美国 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name country_color" title="洛杉矶" href="">洛杉矶</a>
                                    <a class="villa-country-name country_color" title="纽约" href="">纽约</a>
                                    <a class="villa-country-name" title="奥兰多" href="">奥兰多</a>
                                    <a class="villa-country-name" title="旧金山" href="">旧金山</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="夏威夷" href="" class="villa-span-country-a">夏威夷 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="大岛" href="">大岛</a>
                                    <a class="villa-country-name" title="欧湖岛" href="">欧湖岛</a>
                                    <a class="villa-country-name" title="毛伊岛" href="">毛伊岛</a>
                                    <a class="villa-country-name" title="考艾岛" href="">考艾岛</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="加拿大" href="" class="villa-span-country-a">加拿大 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="温哥华" href="">温哥华</a>
                                    <a class="villa-country-name" title="惠斯勒" href="">惠斯勒</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="墨西哥" href="" class="villa-span-country-a">墨西哥 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="蓬塔米塔" href="">蓬塔米塔</a>
                                </li>
                                <li>
                                    <span class="villa-country">
                                        <a title="加勒比海" href="" class="villa-span-country-a">加勒比海 </a><span>|</span>
                                    </span>
                                    <a class="villa-country-name" title="维京果岛" href="">维京果岛</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="head_min">
                <!-- 头部logo -->
                <div class="head_logo"></div>
                <!-- 导航条 -->
                <div class="navigation_bars">
                    <div class="nav_top">
                        <ul class="ul1">
                            <li class="operation_li" v-if="userInfo.length!=0">
                                <a href="myaccount_Myorder.html" class="a_text_all">你好,{{userInfo.user_name}}</a>
                                <span class="operation_span">|</span>
                            </li>
                            <li class="operation_li" v-else>
                                <a class="a_text_all a-out-login">登录</a>
                                <span class="operation_span">|</span>
                            </li>
                            <li class="operation_li">
                                <a href="#" class="a_text_all" @click="openFullScreen1"
                                    v-loading.fullscreen.lock="fullscreenLoading">退出</a>
                                <span class="operation_span">|</span>
                            </li>
                            <li class="ul2-li li ss2">
                                <a href="#" class="a_text_all">Language</a>
                                <span>|</span>
                                <!-- <div class="ss">9999999</div> -->
                                <!-- 二级菜单 -->
                                <ul class="ul2">
                                    <li><a href="#">English</a></li>
                                    <li><a href="#">繁體中文</a></li>
                                    <li><a href="#">简体中文</a></li>
                                    <li style="border: 0;"><a href="#">日本语</a></li>
                                </ul>

                            </li>
                            <li class="li ul3-li">
                                <a href="#">CNY</a>
                                <span>|</span>
                                <!-- 二级菜单 -->
                                <ul class="ul3">
                                    <li><a href="#">CNY</a></li>
                                    <li><a href="#">USD</a></li>
                                    <li><a href="#">HKD</a></li>
                                    <li style="border: 0;"><a href="#">JPY</a></li>
                                </ul>
                            </li>
                            <li> <a href="#">常见问题</a> <span>|</span> </li>
                            <li class="ul4-li">
                                <img src="image/head/phone2.svg" width="13">
                                <a href="#">APP客户端</a>
                                <span>|</span>
                                <div class="ul4">
                                    <div class="download-1">APP预订，即时简单快捷</div>
                                    <div class="img"></div>
                                </div>
                            </li>
                            <li>
                                <img src="image/head/phone.svg" width="15">
                                <a href="#" style="color:#ff8000; font-style: oblique;font-size: 14px;">400-9600-080</a>
                            </li>

                        </ul>
                    </div>

                    <div class="nav_bottom">
                        <ul>
                            <li> <a href="index.html">首页</a></li>
                            <li class="nav_li" id="nav_villa">
                                <a href="#" class="a_text_all" id="a_villa">别墅公寓</a>
                                <svg class="icon" aria-hidden="true" style="position: relative;">
                                    <use xlink:href="#icon-daosanjiao"></use>
                                </svg>
                            </li>
                            <li> <a href="hotel.html">甄选酒店</a></li>
                            <div class="new"></div>
                            <li> <a href="private.html">私享小团</a></li>
                            <li> <a href="preferential.html" style="color: #ff8000;">限时优惠</a></li>
                            <li> <a href="single.html">晒单</a></li>
                            <li> <a href="vacation_tips.html">度假攻略</a></li>
                            <li> <a href="vvip.html">VVIP</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div id="main-login">
            <div id="login-box">
                <div class="img-login">
                    <a href="#">
                        <img src="./image/login/login1.png" alt="">
                    </a>
                </div>
                <div class="ord-use">
                    <div class="ord-title">
                        <div class="ord-title-box">
                            <span class="span-ord">
                                <a>普通账户登录</a>
                            </span>
                            <span style="margin: 0px 20px; font-size: 20px;">|</span>
                            <span class="span-phone">
                                <a>手机动态码登录</a>
                            </span>
                        </div>
                        <div class="ord-xx">
                            <a>
                                <img src="./image/login/login2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <form class="ord-form">
                        <div class="ord1">
                            <div class="ord-icon1">
                                <span class="ord-icon1-div">
                                    <div></div>
                                </span>
                                <input type="text" class="ord-num" id="ord-inp-num">
                                <label class="ord-icon-lab-one" for="ord-inp-num">电子邮箱/手机号码</label>
                                <p class="ord-icon-p-one">请输入用户名!</p>
                            </div>
                        </div>
                        <div class="ord-icon1 ord-icon2">
                            <span class="ord-icon2-div">
                                <div></div>
                            </span>
                            <input type="password" class="ord-pwd" id="ord-inp-pwd">
                            <label class="ord-icon-lab2" for="ord-inp-pwd">密码</label>
                            <a class="ord-icon-a">
                                <img src="./image/login/login4.png" alt="" class="ord-icon-img1">
                                <img src="./image/login/login5.png" alt="" class="ord-icon-img2">
                            </a>
                            <p class="ord-icon-p2">请输入密码!</p>
                        </div>
                        <div class="big-auto-login">
                            <div class="auto-login">
                                <div class="auto-login-box">
                                    <div>
                                        <input type="checkbox" id="auto-checkbox">
                                        <label for="auto-checkbox">记住密码</label>
                                    </div>
                                    <a href="">
                                        忘记密码?
                                    </a>
                                </div>
                            </div>
                            <div class="sub-login">
                                <button id="sub-login" @click="submit">登录</button>
                            </div>
                            <div class="or-login">
                                <span>或者通过以下方式登录</span>
                            </div>
                            <div class="wx-login">
                                <div class="wx-login-box">
                                    <a href="">
                                        <div class="weix-login-img"></div>
                                    </a>
                                    <a href="">
                                        <div class="weibo-login-img"></div>
                                    </a>
                                </div>
                            </div>
                            <div class="ord-reg">
                                <span>还没账号? 现在 <a class="main-post-go">注册就送900</a></span>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="phone-use">
                    <div class="ord-title">
                        <div class="ord-title-box">
                            <span class="span-ord">
                                <a>普通账户登录</a>
                            </span>
                            <span style="margin: 0px 20px; font-size: 20px;">|</span>
                            <span class="span-phone">
                                <a>手机动态码登录</a>
                            </span>
                        </div>
                        <div class="ord-xx">
                            <a>
                                <img src="./image/login/login2.png" alt="">
                            </a>
                        </div>
                    </div>
                    <form class="phone-form">
                        <div class="phone-num-coun">
                            <div class="phone-num-box">
                                <div>
                                    <div class="numes">+86</div>
                                    <div class="phone-select">
                                        <img src="./image/login/login6.svg" alt="">
                                    </div>
                                </div>
                                <div class="phone-country-div">
                                    <ul class="phone-country">
                                        <div class="always_phone">常用区号</div>
                                        <li style="color: rgb(0,0,0);">
                                            China (中国)&nbsp;
                                            <span class="inter_num">+86</span>
                                        </li>
                                        <li style="color: rgb(0,0,0);">
                                            Hong Kong (香港)&nbsp;
                                            <span class="inter_num">+852</span>
                                        </li>
                                    </ul>
                                </div>
                                <div>
                                    <input type="text" class="phone-num" id="phone-inp-lab">
                                    <label class="phone-num-lab1" for="phone-inp-lab">请输入手机号</label>
                                </div>
                            </div>
                        </div>
                        <div class="phone-trends">
                            <div class="phone-trends-box">
                                <div class="icon-phone">
                                    <div></div>
                                </div>
                                <div class="trends-inp">
                                    <input type="text" name="" id="phone-trends-inp">
                                    <label for="phone-trends-inp" id="tredns-lab">请输入动态码</label>
                                </div>
                                <button>获取动态码</button>
                            </div>
                        </div>
                        <div class="big-auto-login">
                            <div class="auto-login">
                                <div class="auto-login-box">
                                    <div>
                                        <label for="auto-checkbox"></label>
                                    </div>
                                    <a href="">
                                        忘记密码?
                                    </a>
                                </div>
                            </div>
                            <div class="sub-login">
                                <button id="phone-login">登录</button>
                            </div>
                            <div class="or-login">
                                <span>或者通过以下方式登录</span>
                            </div>
                            <div class="wx-login">
                                <div class="wx-login-box">
                                    <a href="">
                                        <div class="weix-login-img"></div>
                                    </a>
                                    <a href="">
                                        <div class="weibo-login-img"></div>
                                    </a>
                                </div>
                            </div>
                            <div class="ord-reg">
                                <span>还没账号? 现在 <a class="main-post-go">注册就送900</a></span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div id="main-post">
                <div id="post-left">
                    <div class="new-people">
                        <span>新人福利来啦! 现在注册就送</span>
                    </div>
                    <div class="nine-price">
                        <span>￥900抵用券</span>
                    </div>
                    <div class="know-info">
                        <button>
                            <a href="">了解详情</a>
                        </button>
                    </div>
                </div>
                <div id="post-right">
                    <div class="post-title">
                        <div class="post-title-box">
                            <span class="p-t-phone">手机注册</span>
                            <span style="color:rgb(176, 176, 176);">|</span>
                            <span class="p-t-email">邮箱注册</span>
                        </div>
                        <img src="./image/login/login2.png" id="post-close" alt="">
                    </div>
                    <div class="post-form">
                        <form>
                            <div class="form-div">
                                <div class="f-div-box">
                                    <div class="sel-content">
                                        <div class="sel-con-box">
                                            <span>+86</span>
                                            <img src="./image/login/login6.svg" alt="">
                                        </div>
                                        <div class="number-div">
                                            <input type="text" id="num-inp">
                                            <label for="num-inp" id="num-lab">手机号码</label>
                                        </div>
                                    </div>
                                    <p class="num-inp-tip">请输入手机号！</p>
                                    <div class="code-content" style="margin-top: 10px;">
                                        <div class="code-c-box">
                                            <div class="c-box-son">
                                                <div class="code-img">
                                                    <div></div>
                                                </div>
                                                <input type="text" id="code-inp">
                                            </div>
                                            <label for="code-inp" id="code-lab">验证码</label>
                                        </div>
                                        <div class="code-btn">
                                            <button>获取验证码</button>
                                        </div>
                                    </div>
                                    <p id="code-tip">请输入验证码!</p>
                                    <div class="post-pwd" style="margin-top:10px ;">
                                        <div class="post-pwd-box">
                                            <div class="pwd-img">
                                                <div></div>
                                            </div>
                                            <input type="password" name="" id="pwd-inp">
                                        </div>
                                        <div>
                                            <div id="eyes-div1">
                                                <img class="eyes-pwd1" src="./image/login/login4.png" alt="">
                                            </div>
                                            <div id="eyes-div2">
                                                <img class="eyes-pwd2" src="./image/login/login5.png" alt="">
                                            </div>
                                        </div>
                                        <label for="pwd-inp" id="pwd-lab">密码</label>
                                    </div>
                                    <p id="pwd-tip">请输入密码!</p>
                                    <div class="post-pwd-too" style="margin-top:10px ;">
                                        <div class="post-pwd-box">
                                            <div class="pwd-img">
                                                <div></div>
                                            </div>
                                            <input type="password" name="" id="pwd-inp-too">
                                        </div>
                                        <div id="eyes-div3">
                                            <img class="eyes-pwd3" src="./image/login/login4.png" alt="">
                                        </div>
                                        <div id="eyes-div4">
                                            <img class="eyes-pwd4" src="./image/login/login5.png" alt="">
                                        </div>
                                        <label for="pwd-inp-too" id="pwd-lab-too">请再次确认密码</label>
                                    </div>
                                    <p id="pwd-tip-too">请确认密码!</p>

                                    <div class="post-btn" style="margin-top: 10px;">
                                        <button id="post-sub">注册</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="post-bom">
                            <div class="post-bom-box">
                                <span class="p-b-span1">已有账号 <a id="go-login" style="color: #FF8000;">登录</a></span>
                                <span class="p-b-span2">注册视为同意 <a href="">《第六感用户协议</a> 》</span>
                            </div>
                        </div>
                    </div>
                    <div class="post-form2">
                        <form>
                            <div class="form-div">
                                <div class="f-div-box">
                                    <div class="post-email">
                                        <div class="post-e-box">
                                            <div class="post-e-img">
                                                <div></div>
                                            </div>
                                            <input type="text" id="post-e-inp">
                                        </div>
                                        <label for="post-e-inp" id="post-e-lab">电子邮箱</label>
                                    </div>
                                    <p id="post-e-tip1">请输入电子邮箱！</p>
                                    <div class="code-content" style="margin-top:10px ;">
                                        <div class="code-c-box">
                                            <div class="c-box-son">
                                                <div class="code-img">
                                                    <div></div>
                                                </div>
                                                <input type="text" id="email-code">
                                            </div>
                                            <label for="email-code" id="email-lab">验证码</label>
                                        </div>
                                        <div class="code-btn">
                                            <button>获取验证码</button>
                                        </div>
                                    </div>
                                    <p id="post-e-tip2">请输入验证码！</p>
                                    <div class="post-pwd" style="margin-top:10px ;">
                                        <div class="post-pwd-box">
                                            <div class="pwd-img">
                                                <div></div>
                                            </div>
                                            <input type="password" name="" id="email-pwd-inp">
                                        </div>
                                        <div>
                                            <div id="eyes-div5">
                                                <img class="eyes-pwd5" src="./image/login/login4.png" alt="">
                                            </div>
                                            <div id="eyes-div6">
                                                <img class="eyes-pwd6" src="./image/login/login5.png" alt="">
                                            </div>
                                        </div>
                                        <label for="email-pwd-inp" id="eamil-pwd-lab">密码</label>
                                    </div>
                                    <p id="post-e-tip3">请输入密码！</p>
                                    <div class="post-pwd-too" style="margin-top:10px ;">
                                        <div class="post-pwd-box">
                                            <div class="pwd-img">
                                                <div></div>
                                            </div>
                                            <input type="password" name="" id="eamil-p-i-too">
                                        </div>
                                        <div id="eyes-div7">
                                            <img class="eyes-pwd7" src="./image/login/login4.png" alt="">
                                        </div>
                                        <div id="eyes-div8">
                                            <img class="eyes-pwd8" src="./image/login/login5.png" alt="">
                                        </div>
                                        <label for="eamil-p-i-too" id="eamil-p-l-too">请再次确认密码</label>
                                    </div>
                                    <p id="post-e-tip4" style="margin-top: -24px;">请确认密码！</p>

                                    <div class="post-e-btn" style="margin-top: 10px;">
                                        <button id="post-e-sub">注册</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="post-bom">
                            <div class="post-bom-box">
                                <span class="p-b-span1">已有账号 <a id="e-go-login" style="color: #FF8000;">登录</a></span>
                                <span class="p-b-span2">注册视为同意 <a href="">《第六感用户协议</a> 》</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 身体 -->
        <img class="topimg" src="image/preferential/preferential-1.png" alt="">
        <!-- 中部 -->
        <div class="wp Clt">
            <div class="in">
                <div class="benefit">
                    <div class="benefit-1">
                        <div class="benefit-2">
                            <div class="benefit-Left"></div>
                            <div class="benefit-name">限时特惠</div>
                            <div class="benefit-right"></div>
                        </div>
                        <div class="benefit-3">享受折扣，更享受旅行</div>
                    </div>
                </div>
            </div>
            <div class="list">

                <div class="list_top">
                    <!-- 点击切换度假别墅  -->
                    <div class="list_item active" data-type="1">
                        度假别墅
                        <i class="line"></i>
                    </div>
                    <!-- 点击切换  -->
                    <div class="list_item" data-type="2">
                        轻奢酒店
                        <i class=""></i>
                    </div>
                    <!-- 点击切换  -->
                    <div class="list_item" data-type="3">
                        自由行
                        <i class=""></i>
                    </div>
                </div>
                <!-- 别墅 -->
                <div class="listinfo box on">
                    <div class="listin-w w1200">
                        <div class="slV1_I_L_con con2">
                            <ul class="list_ul Lpb10 w1200">
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential1-1.jpg" alt="">
                                        </a>
                                        <div class="li_div">
                                            <span>海景</span>
                                            <span>自然</span>
                                            <span>园景</span>
                                            <span>商务</span>
                                            <span>家庭</span>
                                            <span>朋友聚会</span>
                                        </div>
                                    </div>
                                    <div class="li-in">
                                        <a href="" class="in-1">萨瓦林别墅</a>
                                        <span class="in-2">
                                            <a href="">泰国 普吉岛</a>
                                        </span>
                                        <strong>
                                            ￥
                                            <span>16399</span>
                                            /晚起
                                        </strong>
                                        <span class="in-3">
                                            人均 ￥1172 /晚起
                                        </span>
                                    </div>
                                    <div class="welcome_icon_box">
                                        <div class="welcome_icon_itembox">
                                            <div class="welcome_icon_css"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>
                                        </div>
                                        <div class="welcome_icon_itembox" style="margin: 0">
                                            <div class="welcome_icon_css2"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>

                                        </div>
                                        <div class="welcome_icon_itembox" style="border: none">
                                            <div class="welcome_icon_css3"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>
                                        </div>
                                        <div class="welcome_icon_itembox_right">
                                            <div class="welcome_icon_css5"></div>
                                            <span class="welcome_text">4</span>

                                        </div>
                                        <div class="welcome_icon_itembox_right">
                                            <div class="welcome_icon_css4"></div>
                                            <span class="welcome_text">1564</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential1-2.jpg" alt="">
                                        </a>
                                        <div class="li_div">
                                            <span>海景</span>
                                            <span>自然</span>
                                            <span>园景</span>
                                            <span>商务</span>
                                            <span>家庭</span>
                                            <span>朋友聚会</span>
                                        </div>
                                    </div>
                                    <div class="li-in">
                                        <a href="" class="in-1">萨瓦林别墅</a>
                                        <span class="in-2">
                                            <a href="">泰国 普吉岛</a>
                                        </span>
                                        <strong>
                                            ￥
                                            <span>16399</span>
                                            /晚起
                                        </strong>
                                        <span class="in-3">
                                            人均 ￥1172 /晚起
                                        </span>
                                    </div>
                                    <div class="welcome_icon_box">
                                        <div class="welcome_icon_itembox">
                                            <div class="welcome_icon_css"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>
                                        </div>
                                        <div class="welcome_icon_itembox" style="margin: 0">
                                            <div class="welcome_icon_css2"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>

                                        </div>
                                        <div class="welcome_icon_itembox" style="border: none">
                                            <div class="welcome_icon_css3"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>
                                        </div>
                                        <div class="welcome_icon_itembox_right">
                                            <div class="welcome_icon_css5"></div>
                                            <span class="welcome_text">4</span>

                                        </div>
                                        <div class="welcome_icon_itembox_right">
                                            <div class="welcome_icon_css4"></div>
                                            <span class="welcome_text">1564</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential1-3.jpg" alt="">
                                        </a>
                                        <div class="li_div">
                                            <span>海景</span>
                                            <span>自然</span>
                                            <span>园景</span>
                                            <span>商务</span>
                                            <span>家庭</span>
                                            <span>朋友聚会</span>
                                        </div>
                                    </div>
                                    <div class="li-in">
                                        <a href="" class="in-1">萨瓦林别墅</a>
                                        <span class="in-2">
                                            <a href="">泰国 普吉岛</a>
                                        </span>
                                        <strong>
                                            ￥
                                            <span>16399</span>
                                            /晚起
                                        </strong>
                                        <span class="in-3">
                                            人均 ￥1172 /晚起
                                        </span>
                                    </div>
                                    <div class="welcome_icon_box">
                                        <div class="welcome_icon_itembox">
                                            <div class="welcome_icon_css"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>
                                        </div>
                                        <div class="welcome_icon_itembox" style="margin: 0">
                                            <div class="welcome_icon_css2"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>

                                        </div>
                                        <div class="welcome_icon_itembox" style="border: none">
                                            <div class="welcome_icon_css3"></div>
                                            <span class="welcome_text">4</span>
                                            <span class="tip-box">7-9间卧室</span>
                                        </div>
                                        <div class="welcome_icon_itembox_right">
                                            <div class="welcome_icon_css5"></div>
                                            <span class="welcome_text">4</span>

                                        </div>
                                        <div class="welcome_icon_itembox_right">
                                            <div class="welcome_icon_css4"></div>
                                            <span class="welcome_text">1564</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 酒店 -->
                <div class="listinfo box">
                    <div class="listin-w w1200">
                        <div class="slV1_I_L_con con2">
                            <ul class="list_ul Lpb10 w1200">
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential2-1.jpg" alt="">
                                        </a>
                                        <div class="li_div">
                                            <span>海景</span>
                                            <span>自然</span>
                                            <span>园景</span>
                                            <span>商务</span>
                                            <span>家庭</span>
                                            <span>朋友聚会</span>
                                        </div>
                                    </div>
                                    <div class="li-in">
                                        <a href="" class="in-1">萨瓦林别墅</a>
                                        <span class="in-2">
                                            <a href="">泰国 普吉岛</a>
                                        </span>
                                        <strong>
                                            ￥
                                            <span>16399</span>
                                            /晚起
                                        </strong>
                                        <span class="in-3">
                                            人均 ￥1172 /晚起
                                        </span>
                                    </div>

                                </li>
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential2-2.jpg" alt="">
                                        </a>
                                        <div class="li_div">
                                            <span>海景</span>
                                            <span>自然</span>
                                            <span>园景</span>
                                            <span>商务</span>
                                            <span>家庭</span>
                                            <span>朋友聚会</span>
                                        </div>
                                    </div>
                                    <div class="li-in">
                                        <a href="" class="in-1">萨瓦林别墅</a>
                                        <span class="in-2">
                                            <a href="">泰国 普吉岛</a>
                                        </span>
                                        <strong>
                                            ￥
                                            <span>16399</span>
                                            /晚起
                                        </strong>
                                        <span class="in-3">
                                            人均 ￥1172 /晚起
                                        </span>
                                    </div>

                                </li>
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential2-3.jpg" alt="">
                                        </a>
                                        <div class="li_div">
                                            <span>海景</span>
                                            <span>自然</span>
                                            <span>园景</span>
                                            <span>商务</span>
                                            <span>家庭</span>
                                            <span>朋友聚会</span>
                                        </div>
                                    </div>
                                    <div class="li-in">
                                        <a href="" class="in-1">萨瓦林别墅</a>
                                        <span class="in-2">
                                            <a href="">泰国 普吉岛</a>
                                        </span>
                                        <strong>
                                            ￥
                                            <span>16399</span>
                                            /晚起
                                        </strong>
                                        <span class="in-3">
                                            人均 ￥1172 /晚起
                                        </span>
                                    </div>

                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 自由 -->
                <div class="listinfo box">
                    <div class="listin-w w1200">
                        <div class="slV1_I_L_con con2">
                            <ul class="list_ul Lpb10 w1200">
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential3-1.jpg" alt="">
                                        </a>

                                    </div>
                                    <div class="s_theme_item_describe">
                                        <h3 class="s_theme_item_title">
                                            <a href="" title="天堂在左 • 甘孜在右  川西小环线6天5晚">
                                                <samp class="tem_arrow_find item_arrow_small_group_find">
                                                    私家团
                                                </samp> 乐领诺图格营地——从森林到草原，狩猎游牧7天6晚花季穿越之旅
                                            </a>
                                        </h3>
                                        <p class="s_theme_item_sell">
                                            <span>行程天数&nbsp;&nbsp; 7天 6晚</span>
                                            <span>￥<em>14,999</em>人起</span>
                                        </p>
                                        <p class="s_theme_item_setout">
                                            <em>出发城市</em>
                                            <span>其它</span>
                                        </p>
                                    </div>
                                </li>
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential3-2.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="s_theme_item_describe">
                                        <h3 class="s_theme_item_title">
                                            <a href="" title="天堂在左 • 甘孜在右  川西小环线6天5晚">
                                                <samp class="tem_arrow_find item_arrow_small_group_find">
                                                    私家团
                                                </samp> 乐领诺图格营地——从森林到草原，狩猎游牧7天6晚花季穿越之旅
                                            </a>
                                        </h3>
                                        <p class="s_theme_item_sell">
                                            <span>行程天数&nbsp;&nbsp; 7天 6晚</span>
                                            <span>￥<em>14,999</em>人起</span>
                                        </p>
                                        <p class="s_theme_item_setout">
                                            <em>出发城市</em>
                                            <span>其它</span>
                                        </p>
                                    </div>
                                </li>
                                <li class="wli">
                                    <div class="li-left">
                                        <div class="li-discount">限时8折优惠</div>
                                        <a href="" title="泰国 普吉岛 萨瓦林别墅">
                                            <img class="a_img" src="image/preferential/preferential3-3.jpg" alt="">
                                        </a>

                                    </div>
                                    <div class="s_theme_item_describe">
                                        <h3 class="s_theme_item_title">
                                            <a href="" title="天堂在左 • 甘孜在右  川西小环线6天5晚">
                                                <samp class="tem_arrow_find item_arrow_small_group_find">
                                                    私家团
                                                </samp> 乐领诺图格营地——从森林到草原，狩猎游牧7天6晚花季穿越之旅
                                            </a>
                                        </h3>
                                        <p class="s_theme_item_sell">
                                            <span>行程天数&nbsp;&nbsp; 7天 6晚</span>
                                            <span>￥<em>14,999</em>人起</span>
                                        </p>
                                        <p class="s_theme_item_setout">
                                            <em>出发城市</em>
                                            <span>其它</span>
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 季度特献 -->
            <div class="in">
                <div class="benefit">
                    <div class="benefit-1">
                        <div class="benefit-2">
                            <div class="benefit-Left"></div>
                            <div class="benefit-name">季度特献</div>
                            <div class="benefit-right"></div>
                        </div>
                        <div class="benefit-3">因时而变，给您最合适的住宿</div>
                    </div>
                </div>
            </div>

            <div class="activeImg">
                <div class="leftActive">
                    <a href="" target="_blank">
                        <img src="image/preferential/preferential4-1.png" alt="">
                    </a>
                </div>
                <div class="rightActive">
                    <div class="top">
                        <a href="" target="_blank">
                            <img src="image/preferential/preferential4-2.jpg" alt="">
                        </a>
                    </div>
                    <div class="bottom">
                        <a href="" target="_blank">
                            <img src="image/preferential/preferential4-3.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
            <!-- 个性主题 -->
            <div class="in">
                <div class="benefit">
                    <div class="benefit-1">
                        <div class="benefit-2">
                            <div class="benefit-Left"></div>
                            <div class="benefit-name">个性主题</div>
                            <div class="benefit-right"></div>
                        </div>
                        <div class="benefit-3">满足您的每一种度假场景</div>
                    </div>
                </div>
            </div>
            <div id="theme">
                <div id="theme-box">

                    <div class="imgbox">
                        <div id="theme-box-btn1" class="swiper-button-next">
                            <img class="imggg" src="image/preferential/左右/群蜂方向键--左_爱给网_aigei_com.png" alt="">
                        </div>
                        <ul class="imgbox-ul">
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-1.jpg" alt="">
                                    <a>
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-2.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-1.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-7.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-6.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-5.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-4.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-3.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-2.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                            <li class="imgbox-li">
                                <div class="imgbox-div">
                                    <img src="image/preferential/preferential5-1.jpg" alt="">
                                    <a href="" target="_blank">
                                        <div class="number">商务 1119 +</div>
                                    </a>
                                </div>
                            </li>
                        </ul>


                        <div id="theme-box-btn2" class="swiper-button-prev">
                            <img class="imggg" src="image/preferential/左右/群蜂方向键-- 右_爱给网_aigei_com.png" alt="">
                        </div>
                    </div>

                </div>
            </div>

            <script>
                var lis = document.getElementsByClassName("imgbox-li");

                var index = 0;
                //右边按钮
                $("#theme-box-btn2").click(function () {
                    //判断当前下标是否是在第6张图
                    if (index < 6) {
                        //是的话根据index下标进行该图片的位移
                        lis[index].style.marginLeft = "-310px"
                        //位移完成后index++
                        index++;
                    } else {
                        $("theme-box-btn2").attr("disabled", "disabled")
                    }
                })

                $("#theme-box-btn1").click(function () {
                    //判断是否在第一张
                    if (index < 1) {
                        $("theme-box-btn1").attr("disabled", "disabled")
                    } else {
                        lis[index - 1].style.marginLeft = "310px"
                        lis[index - 1].style.marginLeft = "0px"
                        lis[index].style.marginLeft = "310px"
                        lis[index].style.marginLeft = "0px"
                        lis[index + 1].style.marginLeft = "310px"
                        lis[index + 1].style.marginLeft = "0px"
                        lis[index + 2].style.marginLeft = "310px"
                        lis[index + 2].style.marginLeft = "0px"

                        index--;
                    }
                })
            </script>

            <!-- 往期活动 -->
            <div class="in">
                <div class="benefit">
                    <div class="benefit-1">
                        <div class="benefit-2">
                            <div class="benefit-Left"></div>
                            <div class="benefit-name">往期活动</div>
                            <div class="benefit-right"></div>
                        </div>
                        <div class="benefit-3">精彩回顾，为您的下次旅行做好攻略</div>
                    </div>
                </div>
            </div>
            <!-- 活动 -->
            <div class="oldActive">
                <div class="swiper-tttt swiper-container swiper-container-initialized swiper-container-horizontal"
                    id="swiper1" style="display: none;">
                    <div class="swiper-wrapper "
                        style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
                        <div class="swiper-slide swiper-slide-active" style="width: 1200px;">
                            <a href="" target="_blank">
                                <div class="themebanner"
                                    style="background-image:url(image/preferential/preferential1-3.jpg);"></div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class=" swiper-container swiper-container-initialized swiper-container-horizontal" id="swiper1"
                    style="display: none;">
                    <div class="swiper-wrapper "
                        style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
                        <div class="swiper-slide swiper-slide-active" style="width: 1200px;">
                            <a href="" target="_blank">
                                <div class="themebanner"
                                    style="background-image:url(image/preferential/preferential1-2.jpg);"></div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="swiper-container swiper-container-initialized swiper-container-horizontal" id="swiper1"
                    style="display: none;">
                    <div class="swiper-wrapper "
                        style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
                        <div class="swiper-slide swiper-slide-active" style="width: 1200px;">
                            <a href="" target="_blank">
                                <div class="themebanner"
                                    style="background-image:url(image/preferential/preferential1-1.jpg);"></div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="posR">
                    <div class="year tactive" data-i="0">2021</div>

                    <div class="year" data-i="1">2020</div>

                    <div class="year" data-i="2">2019</div>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="bottom">
            <div class="bottom_box">
                <div class="bottom_details">
                    <a href="">
                        <div class="img_Logo"></div>
                    </a>
                    <div class="bottom_text">
                        第六感-别墅公寓、奢华酒店、私人定制。我们推崇与众不同的度假理念，提供包括度假别墅、短租公寓和奢华酒店在内的多元化住宿选择，另有私人包机，行程定制，豪华游轮等预订服务。
                        第六感致力于满足您的个性化需求，为您提供专业的一站式度假服务。
                    </div>
                    <ul class="ul_css bottom_ul">
                        <li class="bottom_li">
                            <div class="bottom_ico_vx"></div>
                            <p class="bottom_p_css bottom_text">微信订阅号</p>
                        </li>
                        <li class="bottom_li">
                            <div class="bottom_ico_blog"></div>
                            <p class="bottom_p_css bottom_text">官方微博</p>
                        </li>
                        <li class="bottom_li">
                            <div class="bottom_ico_tmallx"></div>
                            <p class="bottom_p_css bottom_text">官方天猫</p>
                        </li>
                    </ul>
                </div>
                <div class="bottom_service">

                    <div class="service_box">
                        <div class="service_ico_box">
                            <div class="service_phone_ico">
                            </div>
                            <div class="service_text_box">
                                <span class="bottom_text service_text">400-9600-080</span>
                                <p class="bottom_text">7x24 小时在线服务</p>
                            </div>
                            <div class="service_message_ico"></div>
                            <div class="service_text_box">
                                <span class="bottom_text service_text">服务支持</span>
                                <p class="bottom_text">Rookie团队</p>
                            </div>
                        </div>
                        <div class="service_ico_box">
                            <div class="service_text_box">
                                <span class="bottom_text service_text">市场合作</span>
                                <p class="bottom_text">marketing@Rookie.com</p>
                            </div>
                            <div class="service_text_box">
                                <span class="bottom_text service_text">房源合作</span>
                                <p class="bottom_text">partnership@Rookie.com</p>
                            </div>
                        </div>
                        <ul class="ul_css" style="float:left;margin-top: 13px;">
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">关于团队</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">常见问题</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">服务理念</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">网站地图</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">加入我们</span>
                                </a>
                            </li>
                            <li class="service_li">
                                <a href="" class="a_text_all">
                                    <span style="color: #777">同行注册</span>
                                </a>
                            </li>
                        </ul>
                        <div class="service_reserve_box">
                            <div class="reserve_img"></div>
                            <p class="bottom_text reserve_text">APP预订，即时简单快捷</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="business_license">
                <div class="bottom_box">
                    <div class="business_license_text">Copyright © 2013-2022 上海墅假网络科技有限公司 沪ICP备14011210号 营业执照</div>
                </div>
            </div>
        </div>
    </div>


</body>

<script src="js/api.js"></script>
<script src="js/iconfont.js"></script>

<script src="vue/vue.min.js"></script>
<script src="axios/axios.min.js"></script>

<script src="js/vill.js"></script>
<script src="./element/index.js"></script>

<script src="js/preferential.js"></script>
<script src="js/login.js"></script>
<script src="js/post.js"></script>



</html>